<template>
  <div class="my-test">
    <h2>我是test页面</h2>
    <div style="padding: 0 200px; overflow: hidden">
      <MyTest1 class="test test1" />
      <MyTest2 class="test test2" />
    </div>
  </div>
</template>

<script type="text/ecmascript-6">
import MyTest1 from "./test1.vue";
import MyTest2 from "./test2.vue";

export default {
  data() {
    return {};
  },
  components: { MyTest1, MyTest2 },
};
</script>

<style scoped lang="less">
.my-test {
  .test {
    width: 300px;
    height: 200px;
  }
  .test1 {
    float: left;
    background-color: aquamarine;
  }
  .test2 {
    float: right;
    background-color: bisque;
  }
}
</style>
